<template>
  <el-row>
    <el-col :span="24">
      <el-tabs type="border-card" v-model="tabActiveName">
        <el-tab-pane label="常规" name="general">
          <task-general></task-general>
        </el-tab-pane>
        <el-tab-pane label="执行人" name="performer">
          <task-performer></task-performer>
        </el-tab-pane>
        <el-tab-pane label="Form属性" name="form">
          <task-form></task-form>
        </el-tab-pane>
        <el-tab-pane label="Task事件监听" name="taskListener">
          <task-listener></task-listener>
        </el-tab-pane>
        <el-tab-pane label="Execution事件监听" name="executionListener">
          <execution-listener></execution-listener>
        </el-tab-pane>
        <el-tab-pane label="多实例" name="multiInstance">
          <task-multi-instance></task-multi-instance>
        </el-tab-pane>
      </el-tabs>
    </el-col>
  </el-row>
</template>
<script>
import { mapActions, mapGetters } from "vuex";
import TaskGeneral from "./TaskGeneral";
import TaskPerformer from "./UserTaskPerformer";
import TaskForm from "./TaskForm";
import TaskListener from "./TaskListener";
import ExecutionListener from "./ExecutionListener";
import TaskMultiInstance from "./TaskMultiInstance";
export default {
  data() {
    return {
      tabActiveName: "general"
    };
  },
  components: {
    TaskGeneral,
    TaskPerformer,
    TaskForm,
    TaskListener,
    ExecutionListener,
    TaskMultiInstance
  }
};
</script>
